@import "_function";

.confirm_order-page {
  s{
    text-decoration: none;
  }
  .header {
    .w(702);
    margin: 0 auto;
    i {
      .fs(50);
      color: #6a6a6a;
      display: inline-block;
      vertical-align: middle;
    }
    h4 {
      .fs(38);
      display: inline-block;
      vertical-align: middle;
      .ml(240)
    }
  }
  .contain {
    .w(702);
    margin: 0 auto;
    .details {
      border-top: 2px solid #aaa;
      border-bottom: 1px solid #aaa;
      .ml(-24);
      .mr(-24);
      .personag {
        .fs(24);
        .lh(50);
        .ml(40);
        .mb(24);
        i {
          .fs(24);
        }
        span {
          .fs(24);
          .ml(200);
        }
      }
      .address {
        .lh(50);
        .fs(24);
        .ml(40);
      }
    }
    .content {
      border: 1px solid transparent;
      .p(20, 20, 20, 20);
      .mb(20);
      img {
        .w(210);
        .h(210);
        display: inline-block;
        vertical-align: top;
      }
      .info {
        .ml(20);
        vertical-align: top;
        .w(410);
        display: inline-block;
        h3 {
          .fs(32);
          .w(420);
          .mb(30);
        }
        .brand, .colour {
          .mb(12);
          display: inline-block;
          .fs(24);
          color: #969494;
          i {
            .fs(24);
          }
        }
        .colour {
          .ml(30);
        }
        .price {
          .fs(32);
          color: red;
          display: inline-block;
        }
        .number {
          display: inline-block;
          .fs(24);
          .ml(200);
        }
      }
    }
    .tab {
      .mb(40);
      border: 1px solid #aaa;
      display: flex;
      flex-direction: column;
      .h(312);
      justify-content: space-around;
      .item {
        display: flex;
        justify-content: space-between;
        div:first-child {
          .lh(50);
          .ml(40);
        }
      }
      .fs(24);
      span {
        text-align: right;
        vertical-align: middle;
      }
      i {
        .fs(40);
        vertical-align: middle;
      }
      .message {
        color: #aaa;
      }

    }
    .total {
      text-align: right;
      .fs(24);
      span {
        .fs(32);
        color: red;
      }
    }
    .balance {
      .mt(100);
      text-align: right;
      span {
        .fs(24);
        s {
          .fs(32);
          color: #ff0000;
          font-family: none;
        }
        i {
          .fs(24);
        }
      }
      button {
        .w(200);
        .h(90);
        background-color: red;
        border: transparent;
        color: white;
        .fs(36);
      }
    }
  }
}
